import React, { Component } from 'react';
import {
  StyleSheet,
  View,
  Text,
  Platform,
  Image,
  Dimensions,
  ConsoleModule,
  Modal,
  TextInput,
} from '@hippy/react';

import IconZong from '../../assets/zongzichan.png'
import IconZhuan from '../../assets/zhuanzhang.png'
import IconJiu from '../../assets/jiuxiangcun.png'
import IconWo from '../../assets/wodeyinhangka.png'

const styles = StyleSheet.create({
  container: {
    backgroundColor: "#4377dd",
    flexDirection: 'row',
    justifyContent: 'space-around',
    alignItems: 'center',
    height: 120
  },
});

import HomeTopFuncItem from './HomeTopFuncItem'

export default class HomeTopFunc extends Component {
  constructor(props) {
    super(props);

  }

  render() {
    return (
      <View style={styles.container}>
        <HomeTopFuncItem 
          img={IconZong}
          imgWH={{w: 36, h: 28}}
          text="总资产"
        />
        <HomeTopFuncItem 
          img={IconZhuan}
          imgWH={{w: 36, h: 36}}
          text="转账"
        />
        <HomeTopFuncItem 
          img={IconJiu}
          imgWH={{w: 36, h: 36}}
          text="就享存"
        />
        <HomeTopFuncItem 
          img={IconWo}
          imgWH={{w: 36, h: 28}}
          text="我的银行卡"
        />
      </View>
    );
  }
}
